﻿@model  SD.Models.FilmViewModel

@{
    ViewBag.Title = "Film";
}



<div class="jumbotron film-content">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <video width="640" height="360" src="../media/echo-hereweare.mp4" type="video/mp4"
                       id="player1" poster="../media/echo-hereweare.jpg"
                       controls="controls" preload="none"></video>
                <span id="player1-mode"></span>

                <!--img src=@string.Format("/images/{0}", Model.BigImg) class="img-responsive" /> -->
            </div>
            <div class="col-md-4 film-info">
                <h1 class="second-font movie-title">@Model.EnName</h1>
                <p>@Model.DeName</p>
                <br />

                @if (User.Identity.IsAuthenticated)
                {

                    <form action="https://secure.pay1.de/frontend/" method="POST">
                        @Html.HiddenFor(x => x.aid)
                        @Html.HiddenFor(x => x.amount)
                        @Html.HiddenFor(x => x.clearingtype)
                        @Html.HiddenFor(x => x.currency)
                        @Html.HiddenFor(x => x.mode)
                        @Html.HiddenFor(x => x.portalid)
                        @Html.HiddenFor(x => x.reference)
                        @Html.HiddenFor(x => x.request)
                        @Html.HiddenFor(x => x.successurl)


                        <input type="hidden" name="de[1]" value=@Model.De>
                        <input type="hidden" name="id[1]" value=@Model.Idm>
                        <input type="hidden" name="no[1]" value=@Model.No>
                        <input type="hidden" name="pr[1]" value=@Model.Pr>
                        <input type="hidden" name="va[1]" value=@Model.Va>


                        @Html.HiddenFor(x => x.hash)
                        <button type=submit class="btn btn-color">HD leihen für € 4,99</button>
                    </form>
                    <br />
                    <form action="https://secure.pay1.de/frontend/" method="POST">
                        @Html.HiddenFor(x => x.aid)
                        @Html.HiddenFor(x => x.amount)
                        @Html.HiddenFor(x => x.clearingtype)
                        @Html.HiddenFor(x => x.currency)
                        @Html.HiddenFor(x => x.mode)
                        @Html.HiddenFor(x => x.portalid)
                        @Html.HiddenFor(x => x.reference)
                        @Html.HiddenFor(x => x.request)
                        @Html.HiddenFor(x => x.successurl)


                        <input type="hidden" name="de[1]" value=@Model.De>
                        <input type="hidden" name="id[1]" value=@Model.Idm>
                        <input type="hidden" name="no[1]" value=@Model.No>
                        <input type="hidden" name="pr[1]" value=@Model.Pr>
                        <input type="hidden" name="va[1]" value=@Model.Va>


                        @Html.HiddenFor(x => x.hash)
                        <button type=submit class="btn btn-color">SD leihen für € 4,99</button>
                    </form>
                }
                else
                {
                    <a href="~/Account/Login" role="button" class="btn btn-color">Film leihen(Anmeldung)</a>
                }
                @*<a href="~/Account/Login" role="button" class="btn btn-color">SD leihen für € 4,99</a>*@
                <p class="second-font">Share with: <a class="colored" href="/">Facebook</a> <span class="colored">|</span> <a class="colored" href="/">Twitter</a></p>
            </div>
        </div>
    </div>
</div>

<div class="jumbotron film-description">
    <div class="container">
        <article>
            <table>
                <tbody>
                    <tr>
                        <td>Regisseur:</td>
                        <td>@Model.Regisseur</td>
                    </tr>
                    <tr>
                        <td>Darsteller:</td>
                        <td>@Model.Darsteller</td>
                    </tr>
                    <tr>
                        <td>Laufzeit:</td>
                        <td>@Model.Laufzeit</td>
                    </tr>
                    <tr>
                        <td>Altersfreigabe:</td>
                        <td>@Model.Altersfreigabe</td>
                    </tr>
                    <tr>
                        <td>Verleihrechte:</td>
                        <td>@Model.Verleihrechte</td>
                    </tr>
                    <tr>
                        <td>Inhalt:</td>
                        <td>@Model.Inhalt</td>
                    </tr>
                </tbody>
            </table>
        </article>
    </div>
</div>

@*<div class="content clearfix">
        <div class="inner">

            <div class="movie content-first second-font">
                <img src=@string.Format("/images/{0}", Model.BigImg) width="780" height="500" />
                <a href="/">Trailer ansehen</a>
                <a href="/">Watchlist</a>
            </div> <!-- .movie -->

            <div class="add-to-cart second-font content-second">
                <h1 id="movie-title" class="second-font">@Model.EnName</h1>
                <p>@Model.DeName</p>
                <a href="~/Account/Login" role="button" class="btn">Film als Gast ansehen</a>
                <a href="~/Account/Login" role="button" class="btn">HD leihen für € 4,99</a>
                <a href="~/Account/Login" role="button" class="btn">SD leihen für € 4,99</a>
                <p class="second-font">Share with: <a class="colored" href="/">Facebook</a> <span class="colored">|</span> <a class="colored" href="/">Twitter</a></p>
                <h3 class="second-font">Gutscheincode:</h3>
                <form>
                    <input type="text" /><input type="submit" class="button" value="Einlösen" />
                </form>
            </div> <!-- .add-to-cart -->


        </div> <!-- .inner -->
    </div> <!-- .content -->*@

@section scripts {

    <link rel="stylesheet" href="../player/mediaelementplayer.min.css" />

    <script>

        $('audio,video').mediaelementplayer({
            //mode: 'shim',
            success: function (player, node) {
                $('#' + node.id + '-mode').html('mode: ' + player.pluginType);
            }
        });

    </script>
}
